<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分类</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/order.css">
</head>
<body>
<div class="header clearFix">
    <button class="returnPrev" id="goBack">返回</button>
    <h2 class="headerTitle">我的订单页</h2>
    <div class="moreMenu">
        <button></button>
    </div>
</div>
<div class="content">
    <ul class="menuNav clearFix">
        <li class="on">全部订单</li>
        <li>代付款</li>
        <li>待收货</li>
        <li>已收货</li>
    </ul>
    <div class="menuMain" id="orderList">
        <div class="menuList">
            <a class="clearFix" href="#">
                <img src="img/pic21.png" alt="">
                <div class="menuListRight">
                    <h5 class="listTitle">4LED吸顶灯长方形客厅灯餐厅阳台灯饰大气房间卧室灯灯具</h5>
                    <p class="proColor">颜色:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(<span>白色</span>)</p>
                    <p class="number">数量:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;X<span>1</span></p>
                    <p class="price">￥<span>899.00</span></p>
                </div>
            </a>
            <button class="delete">删除</button>
        </div>
        <div class="menuList">
            <a class="clearFix" href="#">
                <img src="img/pic21.png" alt="">
                <div class="menuListRight">
                    <h5 class="listTitle">3LED吸顶灯长方形客厅灯餐厅阳台灯饰大气房间卧室灯灯具</h5>
                    <p class="proColor">颜色:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(<span>白色</span>)</p>
                    <p class="number">数量:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;X<span>1</span></p>
                    <p class="price">￥<span>899.00</span></p>
                </div>
            </a>
            <button class="delete">删除</button>
        </div>
        <div class="menuList">
            <a class="clearFix" href="#">
                <img src="img/pic21.png" alt="">
                <div class="menuListRight">
                    <h5 class="listTitle">2LED吸顶灯长方形客厅灯餐厅阳台灯饰大气房间卧室灯灯具</h5>
                    <p class="proColor">颜色:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(<span>白色</span>)</p>
                    <p class="number">数量:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;X<span>1</span></p>
                    <p class="price">￥<span>899.00</span></p>
                </div>
            </a>
            <button class="delete">删除</button>
        </div>
        <div class="menuList">
            <a class="clearFix" href="#">
                <img src="img/pic21.png" alt="">
                <div class="menuListRight">
                    <h5 class="listTitle">1LED吸顶灯长方形客厅灯餐厅阳台灯饰大气房间卧室灯灯具</h5>
                    <p class="proColor">颜色:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(<span>白色</span>)</p>
                    <p class="number">数量:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;X<span>1</span></p>
                    <p class="price">￥<span>899.00</span></p>
                </div>
            </a>
            <button class="delete">删除</button>
        </div>
    </div>
</div>


<div class="footer">
    <ul class="footerNav clearFix">
        <li>
            <a href="index.html">首页</a>
            <div class="Angle"></div>
            <div class="exceeded"></div>
        </li>
        <li>
            <a href="pro_categories.html">分类</a>
            <div class="Angle"></div>
            <div class="exceeded"></div>
        </li>
        <li class="on">
            <a href="order.html">订单</a>
            <div class="Angle"></div>
            <div class="exceeded"></div>
        </li>
        <li>
            <a href="user.html">我的</a>
            <div class="Angle"></div>
            <div class="exceeded"></div>
        </li>
        <li>
            <a href="shop_cart.html">购物车</a>
            <div class="Angle"></div>
            <div class="exceeded"></div>
        </li>
    </ul>
</div>
<script src="lib/zepto.min.js"></script>
<script src="lib/touch.zepto.js"></script>
<script src="js/common.js"></script>
<script src="js/order.js"></script>
</body>
</html>